<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <table border="1 solid" aria-colspan="0" cellpadding="0">
        <tr>
            <td>标题</td>
            <td>分类</td>
            <td>时间</td>
            <td>操作</td>
        </tr>
        <tr v-for="(item, index) in itemList">
            <td>{{ item.title }}</td>
            <td>{{ item.classify }}</td>
            <td>{{ item.time }}</td>
            <td>
                <button>编辑</button>
                <button>删除</button>
            </td>
        </tr>
    </table>
</div>

<script type="module">
    import {createApp, ref} from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';

    createApp({
        data() {
            return {
                itemList:[
                    {
                        "title":"标题1",
                        "classify":"分类1",
                        "time":"2024-03-08"
                    },
                    {
                        "title":"标题2",
                        "classify":"分类2",
                        "time":"2024-03-08"
                    },
                    {
                        "title":"标题3",
                        "classify":"分类3",
                        "time":"2024-03-08"
                    }
                ]
            }
        }
    }).mount('#app');
</script>

</body>
</html>